<div id="side" class="ta-c"
     style="background-image: url('https://cdn.fastadmin.net/uploads/20180507/1a81b9aaa3d52367b02b844e6437cf74.jpg');background-size: cover;">
    <div class="logo">
        <img src="https://cdn.demo.fastadmin.net/assets/addons/blog/img/avatar.png" alt="">
    </div>
    <h1>极速后台的博客</h1>
    <h3>FastAdmin's Blog</h3>
    <ul class="nav">
        <li><a href="/blog.html" class="active"><span class="icon-home hidden-l"></span>首页</a></li>
        <li><a href="/blog/aboute_me.html"><span class="icon-user hidden-l"></span>关于我</a></li>
        <li><a href="/blog/archieve.html"><span class="icon-list hidden-l"></span>归档</a></li>
    </ul>
    <p class="intro ta-l hidden-l">FastAdmin是一款基于ThinkPHP5和Bootstrap的极速后台开发框架，其强大的CRUD一键生成功能和丰富的插件扩展，让你的后台开发更加简单、快速。</p>
    <div class="doing hidden-l">
        <p>FastAdmin博客插件正式发布。</p>
        <p><span class="icon-map-marker"></span>广东 深圳</p>
    </div>
    <p class="copyright hidden-l">© FastAdmin's Blog 2017 - 2018</p>
</div>